<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>index页面</title>
	<style type="text/css">
</style>
</head>
<body>
	<div class="container">
		<header>
			<h1>index页面</h1>
		</header>
		<main>
			<div class="video">
				<video src="houdunren.mp4" poster="houdunren.jpg" 
					loop  controls width="600" height="300" preload="metadata">
					<source src="houdunren.mp4" type="video/mp4"/>
					<source src="houdunren.webm" type="video/webm"/>
				</video>
		</div>
		<div class="audio">
			<audio controls autoplay loop preload="auto" muted>
				<source src="houdunren.ogg" type="audio/ogg"/>
				<source src="houdunren.mp3" type="audio/mp3"/>
			</audio>
		</div>
	</main>

</div>
<script src="https://cdn.staticfile.org/jquery/3.2.0/jquery.js"></script>
<script src="index.js"></script>
<script type="text/javascript">

</script>
</body>
</html>